<html>
  <head>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="jquery.validate.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    	 $.validator.addMethod("noSpecialChars", function(value, element) {
    		      return this.optional(element) || /^[a-z0-9\.]+$/i.test(value);
    		  }, "Username must contain only letters, numbers, or dots.");
    	//$("#butid").click(function(){
    		$("#formid").validate({
    			 rules: {
    			pwd: "required",
    			sece: "email"
    		  /*  rpwd: {equalTo: "#pwd"},    		    		    
    		    pwd: {
    		        required: true,
    		        minlength: 5
    		      }    		 */   
        		}
        	});
    });
    </script>
  </head>
  <body>
  <center>
  <div class="body">
  <h3>
  Create an Account
</h3>
<table width="700">
  <tr>
  <td>
  <font size="-1">
  Your Google Account gives you access to Gmail and <a href="http://www.google.com/help/faq_accounts.html" target="_blank">other Google services</a>.
  </font>

  <font size="-1">
  If you already have a Google Account, you can <a href='Login?continue=http%3A%2F%2Fmail.google.com%2Fmail%2Fe-11-1185fa01ddf1d5686f3e79516b96e169-a0a79664c72baf66b4bf095da1911f85764989fa&amp;service=mail&amp;type=2' >sign in here</a>.
  </font>
  </td>
  </tr>
</table> 
<div style="border:3px solid skyblue" >
<form id="formid" action="DBServlet" method="post">
<table>
<tr height=10><td></td></tr>
<tr><td style="color:blue" height=20 ><b>Get Started with Gmail</b></td></tr>
<tr><td></td></tr>
<tr height=0><td><b>First Name</b></td>
<td><b><input type="text" class="required || digit"  name=fname id="fname" value=""></b></td></tr>
<tr height=50><td><b>Last Name</b></td>
<td><b><input type="text" class="required" name=lname id="lname"></b></td></tr>
<tr height=0><td><b>Desired Login Name</b></td>
<td><b><input type="text" class="required noSpecialChars" name=lid id="lid"></b><i>@gmail.com</i></td></tr>
<tr height=0><td></td><td>jsmith,smith.john,john.smith etc</td></tr>
<tr height=50><td></td>
  <td><input type="button" value="Check Availability!" id="checkid" size=30></td></tr>
<tr height=50><td><b>Choose a Password</b></td>
<td><b><input type="password" class="required" name="pwd" minlength=5 id="pwd"></b></td></tr>
<tr height=0><td><b>Re-enter Password</b></td>
<td><b><input type="password" class="required" name="rpwd" equalto="#pwd" id="rpwd"></b></td></tr>
<tr height=50><td><b>Security Question</b></td>
<td><b> <select id="selq" name="selq" class="required"
            onchange="javascript:onLocChange()" >
  <option value="">
  Choose your Question...
  </option>
  <option value="What is your primary teacher name?">
  What is your primary teacher name?
  </option>
  <option value="What is your peat name?">
  What is your peat name?
  </option>
  <option value="What is your girlfriend name?">
  What is your girlfriend name?
  </option>
  <option value="  What is your boyfriend name?">
  What is your boyfriend name?
  </option></select></b></td>
 <tr height=50><td><b>Answer</b></td>
<td><b><input type="text" size=50 class="required" name="ans" id="ans"></b></td></tr>
 <tr height=50><td><b>Secondary Email</b></td>
<td><b><input type="text" class="required" name="sece"id="sece" size=30></b></td></tr>
 <tr height=50><td><b>Location</b></td>
<td><b> <select id="country" name="country" class="required"
            onchange="javascript:onLocChange()" >
  <option value="">
  Choose your Location....
  </option>
  <option value="India">
  India
  </option>
  <option value="United Kingdom">
  United Kingdom
  </option>
  <option value="United State">
  United State
  </option>
  <option value="Russia">
  Russia
  </option>
  <option value="Austrellia">
  Austrellia
  </option>
 <option value="Irland">
  Irland
  </option>  
  </tr>
  <tr height=50><td><input type="hidden" name="hidden" id="insert" value="insert" ></td>
  <td><input type="submit" value="I accept,create my account" id="butid" size=30></td></tr>
</table>
</form>
</div> 
  </body>
</html>

